.mui-btn {
    border: none;
    padding: 10px;
    color: @btn-base-color;
    height: @btn-base-height;
    background: @btn-base-bg;
}

.mui-btn-mini {
    padding: 5px 10px;
    height: 34px;
}

.mui-btn-lg {
    width: 40%;
    display: inline;
}

.mui-btn-block {
    width: 100%;
}

.mui-btn-red {
    height: auto !important;
    background-color: #dd524d !important;
}

.mui-btn-outlined {
    color: @btn-base-bg;
    height: @btn-base-height - 2;
    border: 1px solid @btn-base-bg;
    background: transparent;
    &:enabled:active,
    &.mui-active:enabled {
        border-color: @btn-base-hover-bg;
    }
}

.mui-dtpicker-header,
.mui-poppicker-header {
    .mui-btn {
        height: 30px;
        padding: 4px 10px;
        &[data-id="btn-cancel"] {
            color: @btn-base-bg;
            background: #fff;
            border: 1px solid @btn-base-bg;
        }
    }
}

.mui-poppicker-btn-cancel {
    color: @btn-base-bg;
    background: #fff;
    border: 1px solid @btn-base-bg;
}